@import '../../../style/common.less';

// 使用Grid布局进行可视化布局
.publish-wrap {
    height: 100%;
    width: 100%;
    display: grid;
    grid-template-columns: 55% 45%;
    grid-template-rows: 60% 40%;
    grid-template-areas: "publish-form publish-request"
                         "publish-version publish-response";
}

.publish-form {
    grid-area: publish-form;
    margin: 10px;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    .publish-form-row {
        display: flex;
        justify-content: space-between;
        margin-bottom: 6px;
        font-size: @fontD;
    }
    .publish-form-button {
        padding-top: 15px;
        width: 222px;
        display: flex;
        justify-content: space-between;
    }
}

.publish-version {
    grid-area: publish-version;
    margin: 5px;
}

.publish-request {
    grid-area: publish-request;
    margin: 5px;
    border-radius: 3%;
}

.publish-response {
    grid-area: publish-response;
    margin: 5px;
    border-radius: 3%;
}
